<template>
  <el-container>
    <el-aside width="200px">
      <navMenu></navMenu>
    </el-aside>
    <el-container>
      <el-header>
        <el-card class="box-card">
          <headerMenu></headerMenu>
        </el-card>
      </el-header>
      <el-main>
        <el-card class="box-card">
          <router-view v-slot="{Component}">
            <transition name="fade-transform" mode="out-in">
              <component :is="Component"></component>
            </transition>
          </router-view>
        </el-card>
      </el-main>
    </el-container>
  </el-container>
</template>

<script setup>
import navMenu from '../components/navMenu/navMenu.vue'
import headerMenu from '../components/headerMenu/headerMenu.vue'
</script>

<style>

</style>